<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>

<style type="text/css">
    body{
        width:100%;
        height: 100%;
        background-color:#7aabef;
    }

    body >*{
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .wrap-body{
        margin-top: 20%;
    }
    .div-input{
        padding-top: 2%;
        padding-bottom: 2%;
    }
    .div-input span{
        padding-left: 10%;
        padding-right: 10%;
    }
    .wrap-header{
        margin-top: 20%;
        margin-left:20%
        padding-top: 2%;
        padding-bottom: 2%;
    }

    .class-icon{
        margin-top:2%;
        margin-left: 2%;

    }
</style>


</head>
<body>
<div class="wrap-body">

    <div class="class-icon"><a href="javascript:window.history.back();">返回</a></div>
<div class="wrap-header" >微代码服务平台</div>

<form action="index.php" method="post">

    <div class="div-input">账号：<input type="text" name="username"/></div>

    <div class="div-input">密码：<input type="text" name="password"/></div>

    <div class="div-input"><input type="submit" value="登录"/></div>

    <div class="div-input">
        <span><a href="../action/register.html">免费注册</a></span><span><a href="">忘记密码</a></span>
    </div>

</form>


</div>
</body>
</html>